<!DOCTYPE html>
<html lang='en' onselectstart='return false'>

<head>
  <meta charset='utf-8' />
</head>
<link rel="stylesheet" href="./css/3d.css">
<link rel="stylesheet" href="./css/button.css">

<body>
  <div class="wrap">
    <ul id="box">
    
    </ul>

    <div class="mask">
      <div class="bg-mask"></div>
    </div>
    
  </div>
  
  <div class="changeLayout L"> 
    <li class="grid"><span>矩阵</span></li>
    <li class="helix"><span>螺旋</span></li>
    <li class="sphere"><span>球体</span></li>
    <li class="hurricane"><span>飓风</span></li>
  </div>

  <div class="changeLayout R">
    <li><span>5</span></li>
    <li><span>6</span></li>
    <li><span>7</span></li>
    <li><span>8</span></li>
  </div>
    
  <div class="search">
      <input type="text"><button></button>
  </div>




  <script src='./js/jquery-2.2.4.js'></script>
  <script src="./js/3d.js"></script>
</body>

</html>